{% extends "layout/base.html" %}
{% block content %}
	<link rel="stylesheet" href="../media/css/calendar.css?random=20051112" type="text/css" media="screen" /> 
    <script type="text/javascript" src="../media/js/calendar.js?random=20060118"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="../media/js/aucompleteCityAjout.js"></script>

<h1>Ajouter un trajet</h1>
<img alt="Fac by car - Co-voiturage Université de Marne-la-vallée" src="{{ MEDIA_URL }}/images/ajout-trajet-co-voiturage-1.jpg"/>

<h2>Itinéraire</h2>

<form action={{ form_action }} method="post" id="form_route">
	
	<div class="fieldWrapper" id="form_route_driver"> 
		<p><label>{{ form.is_driver.label }} : </label> {{ form.is_driver }} 
		{% for error in form.is_driver.errors %}<span class="error">{{ error }}</span>{% endfor %}</p>
	</div>
	<div class="clear"></div>
	<div class="fieldWrapper" id="form_route_daily"> 
		<p><label>{{ form.is_daily.label }} : </label> {{ form.is_daily }}
		{% for error in form.is_daily.errors %}<span class="error">{{ error }}</span>{% endfor %}</p>
	</div>
	<div class="clear"></div>
	<div class="form_route_left">
		<div class="fieldWrapper"> 
			<p><label>{{ form.city_d.label }} : </label> {{ form.city_d }} 
			{% for error in form.city_d.errors %}<span class="error">{{ error }}</span>{% endfor %}</p>
		</div>
		<div class="fieldWrapper"> 
			<p><label>{{ form.city_a.label }} : </label> {{ form.city_a }} 
			{% for error in form.city_a.errors %}<span class="error">{{ error }}</span>{% endfor %}</p>
		</div>
	</div>
	<div class="form_route_left2">
		<div class="fieldWrapper"> 
			<p><label>{{ form.place_d.label }} : </label> {{ form.place_d }} 
			{% for error in form.place_d.errors %}<span class="error">{{ error }}</span>{% endfor %}</p>
		</div>
		<div class="fieldWrapper"> 
			<p><label>{{ form.place_a.label }} : </label> {{ form.place_a }} 
			{% for error in form.place_a.errors %}<span class="error">{{ error }}</span>{% endfor %}</p>
		</div>
	</div>
    <div class="clear"></div>
	<a href="#" onClick="javascript:initButtonResearch();return true;" class="big_btn_white" id="buttonResearch"> Mettre à jour la carte</a>
    
	<div id="map_canvas" style="width:650px; height:300px"></div>
	
	<p class="submit"><input type="submit" class="submit_search" value="Suivant >" /></p>
</form>



{% endblock content %}
